<extend name='Layout/index' />

<block name='breadcrumb'>
	<li>
		<i class="icon-home home-icon"></i>
		<a href="#">首页</a>
	</li>
	<li class="active">用户管理</li>
</block>

<block name='page_header'>
	<h1 style="font-size:14px">
		用户管理
		<i class="icon-double-angle-right"></i>
		 会员管理
		<i class="icon-double-angle-right"></i>
		 头像列表
	</h1>
</block>

<block name='main_content'>
	<div class="row">
		<div class="col-md-12">
			<table class='table'>
			<thead>
				<tr>
					<th>序号</th>
					<th>头像</th>
					<th>姓名</th>
					<th>性别</th>
					<th>出生日期</th>
					<th>相册详情</th>
					<th>&nbsp&nbsp&nbsp操作</th>
				</tr>
			</thead>
			<tbody>
				<?php $aaa = 1?>
				<volist name='list' id='vo'>
				<tr style="font-size:14px;font-weight:bold;color:#999;">
					<td style="vertical-align:middle;">&nbsp<?php echo $aaa++;?></td>
					<td><img  style="border:1px solid $ccc;width:80px;height:80px;margin-left:-20px;"src='<{$vo.pname}>'></div></td>
					<td  style="vertical-align:middle;"><{$vo.uname}></td>
					<td  style="vertical-align:middle;"><?php echo $vo['sex']==0?'女':'男'?></td>
					<td  style="vertical-align:middle;"><{$vo.birthday_year}>/<{$vo.birthday_month}>/<{$vo.birthday_day}></td>
					<td><a   style="margin-top:20px;" href="<{:U('select', array('iid'=>$vo['iid']))}>" class="btn btn-danger">查看详情</a></td>
					<td>
						<a style="margin-top:20px;" href="<{:U('delete', array('id'=>$vo['iid']))}>" class="btn btn-danger">删除</a>
							<!-- <input class="btn btn-info" type="file" name="touxiang"> -->
								<div class="ibox-content">
									<div class="row">
										<div class="crop-avatar" class="col-md-6">
											<div class="avatar-view" style="background-color:#d15b47;color:#fff;border:none;border-radius:0;margin-left:82px;margin-top:-42px;height:42px;padding-left:4px;line-height:42px;">
										    	修改头像<img style="display:none;"src="__PUBLIC__/Images/touxiang.jpg">
										    </div>
										</div>
									</div>
								</div>
						<div class="modal fade" id="avatar-modal" aria-hidden="true" aria-labelledby="avatar-modal-label" role="dialog" tabindex="-1">
								<div class="modal-dialog modal-lg" style="margin-left: -400;">
									<div class="modal-content">
										<form class="avatar-form" action="<{:U('upload',array('id'=>$vo['iid']))}>" enctype="multipart/form-data" method="post">
											<div class="modal-header">
												<button class="close" data-dismiss="modal" type="button">&times;</button>
												<h4 class="modal-title" id="avatar-modal-label">修改头像</h4>
											</div>
											<div class="modal-body">
												<div class="avatar-body">
													<div class="avatar-upload">
														<input class="avatar-src" name="avatar_src" type="hidden">
														<input class="avatar-data" name="avatar_data" type="hidden">
														<label for="avatarInput">图片上传</label>
														<input class="avatar-input" id="avatarInput" name="avatar_file" type="file"></div>
													<div class="row">
														<div class="col-md-9">
															<div class="avatar-wrapper"></div>
														</div>
														<div class="col-md-3">
															<div class="avatar-preview preview-lg"></div>
															<div class="avatar-preview preview-md"></div>
															<div class="avatar-preview preview-sm"></div>
														</div>
													</div>
													<div class="row avatar-btns">
														<div class="col-md-9">
															<div class="btn-group">
																<button class="btn" data-method="rotate" data-option="-90" type="button" title="Rotate -90 degrees"><i class="fa fa-undo"></i> 向左旋转</button>
															</div>
															<div class="btn-group">
																<button class="btn" data-method="rotate" data-option="90" type="button" title="Rotate 90 degrees"><i class="fa fa-repeat"></i> 向右旋转</button>
															</div>
														</div>
														<div class="col-md-3">
															<button onclick="alert('修改成功')" class="btn btn-success btn-block avatar-save"><i  class="fa fa-save"></i> 保存修改</button>
														</div>
													</div>
												</div>
											</div>
							  		</form>
							  	</div>
							  </div>
							</div>

							<div class="loading" aria-label="Loading" role="img" tabindex="-1"></div>
							
						
						
					</td>
				</tr>  
				</volist>
			</tbody>
		</table>
		</div>
	</div>

								

	<!-- <script type="text/javascript">
			$(function(){
				
				$("#btn7").click(function(){
					var txt= "<div style='float:left;width:200px;height:160px;'><div style='width:120px;height:120px;border:1px solid #efefef;margin-left:20px;margin-top:5px;'><img id='tx' src=''/></div><form method='post' enctype='multipart/form-data'><input style='font-size:12px;width:100px;border:none;margin-top:10px;margin-left:20px;' type='file' name='touxiang' id='upload' onchange='change(this.value)'></form></div><div style='float:right;width:200px;height:160px;'><div style='float:right;margin-right:129px;margin-top:10px;color:#bbb;'>姓名:<{$vo.uname}></div><div style='float:right;margin-right:155px;margin-top:10px;color:#bbb;'>性别:<{$vo.sex}></div><div style='float:right;margin-right:75px;margin-top:10px;color:#bbb;'>生日:<{$vo.birthday_year}>年<{$vo.birthday_month}>月<{$vo.birthday_day}>日</div><div style='float:right;margin-right:48px;margin-top:10px;color:#bbb;'>邮箱:<{$vo.email}></div></div>";
					var option = {
						title: "上传头像",
						btn: parseInt("0011",2),
						onOk: function(){
							console.log("确认啦");
						}
					}
					window.wxc.xcConfirm(txt, "custom", option);
				});
				
			});
		</script>	
		<script>
			function change(src){
				
				$('#tx').attr('src',src);
			}
		</script>
	 -->
</block>




